<template>
	<view class="">
		<view class="yonghu" @click="todenglu">
			亲爱的用户>
		</view>
		<view class="fuwu">
			<view class="fuwu-t">我的服务</view>
			<myFuwu :list="list" @fn="clickfuwu"></myFuwu>
		</view>
		<view>
			<u-modal v-model="show" :content="content + '功能开发中'" :mask-close-able="true"></u-modal>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list: [{
						name: 'red-packet',
						title: "HOT",
						show: true,
						text: '储值有礼'
					},
					{
						name: 'heart',
						title: "",
						show: false,
						text: '新意好礼'
					},
					{
						name: 'server-man',
						title: "",
						show: false,
						text: '联系客服'
					},
					{
						name: 'bag',
						title: "",
						show: false,
						text: '兑换中心'
					},
					{
						name: 'account',
						title: "9元喝",
						show: true,
						text: '学生有礼'
					},
					{
						name: 'man-add',
						title: "NEW",
						show: true,
						text: '人群有礼'
					},
					{
						name: 'file-text',
						title: "",
						show: false,
						text: '发票开出'
					},
					{
						name: 'grid',
						title: "",
						show: false,
						text: '更多服务'
					}
				],
				content: "",
				show: false
			}
		},
		methods: {
			clickfuwu(text) {
				this.content = text
				console.log(this.content);
				this.show = true
			},
			todenglu() {
				uni.navigateTo({
					url: "/pages/denglu/denglu"
				})
			}
		}
	}
</script>

<style lang="scss">
	page {
		background-color: #eee;
	}

	.yonghu {
		width: 100%;
		height: 80rpx;
		line-height: 80rpx;
		text-align: center;
		font-weight: bold;
		background-color: #fff;
		margin-bottom: 80rpx;
	}

	.fuwu {
		background-color: #fff;
		margin: 0 20rpx;
		padding: 30rpx 40rpx;
	}

	.fuwu-t {
		font-size: 40rpx;
		margin-bottom: 20rpx;
	}
</style>
